.m-life{
    .m-life-pic{
        margin:10px 10px 10px 0;
        width:150px;
        height:240px;
        background:url(//p0.meituan.net/codeman/e473bb428f070321269b23370ff02ba956209.jpg);
        background-size:150px;
    }
    .m-life-login{
        margin:10px 0 10px 0;
        box-sizing:border-box;
        height:240px;
        background:#fff;
        display:flex;
        flex-direction: column;
        align-items: center;
        padding:30px;
        border: 1px solid #e5e5e5;
        .m-life-login-name, .m-life-user-name {
          margin-bottom: 10px;
        }
        
        button{
          width: 118px;
          margin: 5px;
        }
        h4 {
          img {
            width: 47px;
            height: 47px;
            border-radius: 50%;
            border: 4px solid #E5E5E5;
          }
        }

        p>button {
          width: 120px;
          margin-bottom: 15px;
        }
    }
    .m-life-user {
      margin:10px 0 10px 0;
      box-sizing:border-box;
      height:240px;
      background:#fff;
      flex-direction: column;
      padding-top: 30px;
      border: 1px solid #e5e5e5;
      text-align: center;
      position: relative;
      .m-life-user-name {
        font-size: 16px;
        width: 100px;
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .m-life-row {
        // display: float;
        // justify-content: flex-start;
        padding: 0 10px;
        .m-life-item {
          text-align: center;
          width: 33.3%;
          float: left;
          padding: 0 10px;
          box-sizing: border-box;
          .m-life-icon {
            font-size: 24px;
            color: #FFC300;
          }
          .m-life-item-name {
            font-size: 12px;
            margin: 5px 0;
            color: #222;
          }
        }
        &:before, &:after {
          content: " ";
          visibility: hidden;
          display: block;
          height: 0;
          clear: both;
        }
      }
      .m-life-setting {
        position: absolute;
        top: 2%;
        right: 2%;
        font-size: 20px;
        color: #999;
        cursor: pointer;
      }
      
      h4 {
        img {
          width: 47px;
          height: 47px;
          border-radius: 50%;
          border: 4px solid #E5E5E5;
        }
      }

    }
    .m-life-hotel,
    .m-life-music {
      height: 165px;
      background: url(//p1.meituan.net/codeman/8cce56c467a17e04f3094d1e455462a0132772.png);
      background-size: 270px;
      background-position: 50%;
      background-repeat: no-repeat;
      margin-right: 10px;
      margin-left: 10px;
    }

    .m-life-music {
      background: url(//p1.meituan.net/codeman/16442c19da1f1c4544f794e29d99c92051716.jpg);
      margin-left:0;
    }

    .m-life-coop {
      background: url(//p1.meituan.net/codeman/5b21cddb4bb1cbc3a9c3bce0f726c75940469.jpg);
      width: 150px;
      height: 165px;
      background-size: 150px;
    }
    .m-life-downapp{
        background:#fff;
        height:165px;
        text-align:center;
        border: 1px solid #E5E5E5;
        img {
          width: 95px;
          height: 95px;
          margin-top: 10px;
        }

        p {
          font-size: 16px;
          color: #222;
          font-weight: 500;
        }

        h4 {
          font-size: 12px;
          font-weight: 500;
          margin-top: 2px;

          span {
            color: #EC5330;
            margin-right: 5px;
          }

          em {
            color: #3f3f3f;
            font-style: normal;
          }
        }
    }
}